<template>
    <div class="box">
        <div class="box-childen">
            <div class="left">
                <h2>植物科普</h2>
                <hr/>
                <ul>
                    <li @click="new1"><a>科研人员在湖北竹溪发现两个植物新物种</a></li><br/>
                    <li @click="new2">国家重点二级保护野生植物竹节参 现身重庆阴条岭</li><br/>
                    <li @click="new3">我国科学家成功揭示高等植物第四种RNA聚合酶的奥秘</li><br/>
                    <li @click="new4">我国科学家获多年生野生大豆高精度基因组图谱</li><br/>
                    <li @click="new5">中国空间站水稻长势喜人：目前已有30厘米高</li><br/>
                </ul>
            </div>
            <div class="right">
                <h2>花木盆景</h2>
                <hr/>
                <ul>
                    <li @click="new6">严冬，如何确认仙人掌是处于“休眠”状态还是已经冻</li><br/>
                    <li @click="new7">款适合室内种植的盆栽，来看看</li><br/>
                    <li @click="new8">比兰花美，比茉莉香，且好养的花来咯</li><br/>
                    <li @click="new9">沾土就活的植物，漂亮又好养</li><br/>
                    <li @click="new10">适合八月种植的盆栽，让你阳台的不再空荡荡</li><br/>
                </ul>
            </div>
            
        </div>
        <br/><br/>
        <div class="box-childen">
            <div class="left">
                <h2>绿色家居</h2>
                <hr/>
                <ul>
                    <li @click="new11">室内植物功效大盘点</li><br/>
                    <li @click="new12">适合秋冬季节室内的绿植装饰</li><br/>
                    <li @click="new13">夏季空调房养花需谨慎</li><br/>
                    <li @click="new14">我十大水养植物 保持室内湿度</li><br/>
                    <li @click="new15">哪些植物吸收甲醛效果好</li><br/>
                </ul>
            </div>
            <div class="right">
                <h2>病害防治</h2>
                <hr/>
                <ul>
                    <li @click="new16">如何判断有毒植物？误触有毒植物如何降低伤害？</li><br/>
                    <li @click="new17">金钱木叶子蹭蹭往下直掉？赶紧找到补救方法</li><br/>
                    <li @click="new18">君子兰出现开花“夹箭”现象，应该这样处理</li><br/>
                    <li @click="new19">心爱的多肉突然牺牲了？可能是介壳虫在作祟！</li><br/>
                    <li @click="new20">长寿花根部黑腐怎么办？不及时处理会烂完！</li><br/>
                </ul>
            </div>
            
        </div>
            
    </div>
</template>
<script>
export default {
    methods:{
        new1(){
            this.$router.push('/new1');
        },
        new2(){
            this.$router.push('/new2');
        },
        new3(){
            this.$router.push('/new3');
        },
        new4(){
            this.$router.push('/new4')
        },
        new5(){
            this.$router.push('/new5')
        },
        new6(){
            this.$router.push('/new6')
        },
        new7(){
            this.$router.push('/new7')
        },
        new8(){
            this.$router.push('/new8')
        },
        new9(){
            this.$router.push('/new9')
        },
        new10(){
            this.$router.push('/new10')
        },
        new11(){
            this.$router.push('/new11');
        },
        new12(){
            this.$router.push('/new12');
        },
        new13(){
            this.$router.push('/new13');
        },
        new14(){
            this.$router.push('/new14')
        },
        new15(){
            this.$router.push('/new15')
        },
        new16(){
            this.$router.push('/new16')
        },
        new17(){
            this.$router.push('/new17')
        },
        new18(){
            this.$router.push('/new18')
        },
        new19(){
            this.$router.push('/new19')
        },
        new20(){
            this.$router.push('/new20')
        },
    }
}
</script>
<style scoped>
    .box{
        width:900px;
        height:689px;
        background-color: rgb(255, 255, 255);
        margin-top: -20px;
    }
    .box-childen{
        width:900px;
        height:300px;
        background-color: rgb(255, 255, 255);
    }
    .left{
        width:430px;
        height:300px;
        background-color: rgb(255, 255, 255);
        float: left;
    }
    .right{
        width:430px;
        height:300px;
        background-color: rgb(255, 255, 255);
        float: left;
        margin-left: 20px;
    }

</style>